@name:0.26rem;
@time:0.2rem;
@jz:0.24rem;

*{
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}
html{
  font-size: 100px;
}
html,body{
  height:100%;
}
body{
  background: url("../imgs/fund/bg.png") no-repeat;
  background-size: 7.5rem 16.8rem;
}
.head{
  img{
    &:first-child{
      width: 7.5rem;
      height: 7.5rem;
    }
    &:last-child{
      position: absolute;
      width: 4.83rem;
      height: 0.74rem;
      top: 0.86rem;
      left: 1.36rem;
      right: 1.31rem;
      bottom: 0.7rem;
    }
  }
}
.content{
  height: 9.05rem;
  margin-bottom: 0.26rem;
  .title{
      width: 4.55rem;
      height: 1.07rem;
      position: absolute;
      z-index: 1;
      top: 5.87rem;
      left: 1.44rem;
      right: 1.51rem;
      line-height: 0.88rem;
      border-radius: 5px;
      background: linear-gradient(0deg, #FC4C37, #FD9C30);
      p{
        display: flex;
        justify-content: center;
        color: #ffffff;
        font-size: 0.3rem;
        span{
          font-size: 0.6rem;
          &.y{
            font-size: 0.24rem;
          }
        }
      }
  }
  .info{
    position: absolute;
    top: 6.39rem;
    left: 0.23rem;
    right: 0.24rem;
    width: 7.03rem;
    height: 10.16rem;
    border-radius: 15px;
    background-color: #fff;
    ul{
      width: 6.3rem;
      margin: 0 auto;
      li{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 1.58rem;
        border-top: 1px solid #E6E6E6;
        &:first-child{
          margin-top: 0.64rem;
          border-top: none;
        }
        .info-l{
          display: flex;
          align-items: center;
          img{
            width: 1.06rem;
            height: 1.06rem;
          }
          .pet-name{
            margin-left: 0.26rem;
            p{
              &:first-child{
                font-size: @name;
                font-weight: bold;
                color: #282828;
              }
            }
            p:last-child{
              font-size: @time;
              color: #a1a1a1;
            }
          }
        }
        .info-r{
          font-weight: bold;
          font-size: @jz;
          color: #5f5f5f;
          span{
            color: #fc4e37;
          }
        }
      }
    }
  }
}